<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css_prop.css">
    <title>css选择器</title>
</head>
<body>
    <div class="div1">
        这是div1
    </div>
    <a href="http://www.baidu.com/" alt="baidu" target="_blank">这是百度链接</a>
    <span>测试行内元素的margin和padding可不可以设置左右</span>
    <img src="img/pic.jpg" alt="pic">
    
    <div class="div2">
        <p>this is a paragragh</p>
    </div>

    <div id="outer">
        <div id="inner">some text. some text. some text.
            <p>this    is    a    
                paragragh.</p>
        </div>
    </div>

    <p>测试文本的一段段落</p>
    <ul>
        <li>
            这是li1
        </li>
        <li>
            这是li2
        </li>
        <li>
            这是li3
        </li>
    </ul>
    <table>
            <tr>
                <th>Firstname</th>
                <th>Lastname</th>
            </tr>
            <tr>
                <td>Bill</td>
                <td>Gates</td>
            </tr>
            <tr>
                <td>Steven</td>
                <td>Jobs</td>
            </tr>
            </table>

</body>
</html>